<template>
  <el-card>
    <h1>
      <img src="" alt="">
      注册信息
    </h1>
    <h2>公司名称：{{ company?company:'某公司' }}</h2>
    <h2>注册日期：{{ start_time }}</h2>
    <!-- <el-card style="margin-top: 10px;"> -->
      <!-- <h3>账号信息</h3> -->
      <p>用户姓名：{{ name?name:'某领导' }}</p>
      <p>登录手机：{{ phone }}</p>
      <p>系统版本：{{ use_type }}</p>
      <p>有效日期：{{ start_time }} 至 {{ end_time }}</p>
    <!-- </el-card> -->
  </el-card>
</template>

<script>
import store from '@/store'
export default {
  data () {
    return {
      name: store.state.userInfo.user,
      phone: store.state.userInfo.mobilephone,
      use_type: store.state.userInfo.use_type,
      start_time: store.state.userInfo.start_time,
      end_time: store.state.userInfo.end_time,
      company: store.state.userInfo.company,
    }
  }
}
</script>

<style lang="scss" scoped>
h1 {
  font-size: 40px;
  font-weight: bold;
  margin: 10px 0;

  img {}
}

h2 {
  font-size: 32px;
  line-height: 2;
}

h3 {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: bold;
}

p {
  font-size: 32px;
  line-height: 2;
}
</style>
